<template>
  <div>
    <a-avatar :size="64">

    </a-avatar>
    <a-avatar style="color: #f56a00; background-color: #fde3cf">U</a-avatar>
    <a-avatar
      :size="64"
      shape="square"
    >
      <template #icon>
        哈哈
      </template>
    </a-avatar>
    <a-badge :count="10">
      <a-avatar shape="square">
        11
      </a-avatar>
    </a-badge>
    <a-badge dot>
      <a-avatar shape="square">
        11
      </a-avatar>
    </a-badge>
    <a-avatar-group :max-count="23">
      <a-avatar :draggable="true" :size="{ xs: 24, sm: 32, md: 40, lg: 64, xl: 80, xxl: 100 }" src="https://joeschmoe.io/api/v1/random" />
      <a-avatar style="background-color: #f56a00">K</a-avatar>
      <a-tooltip
        title="Ant User"
        placement="top"
      >
        <a-avatar style="background-color: #87d068">
          1
        </a-avatar>
      </a-tooltip>
      <a-avatar style="background-color: #1890ff">
        2
      </a-avatar>
    </a-avatar-group>
  </div>
</template>

<script>
export default {
  name: '',
  components: {},
  data() {
    return {
    }
  },
  created() { },
  mounted() { },
  methods: {},
  computed: {}
}
</script>
<style scoped lang='scss'>
</style>
